@charset "utf-8";
/* CSS Document */
body {
	background-color: #f5f5f5;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:"幼圆", "华文新魏", "华文隶书", "微软雅黑", "宋体", "黑体";
	font-size: 16px;
	color:#333;
	background-image:url(../images/homepage/background_002.jpg);
}
a{
	text-decoration: none;
	display: block;
	text-decoration: none;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
}

a:link {
	text-decoration: none;
}
a:visited { 
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}

img{
	vertical-align:middle;
}

span{
	height:100%;
	display:inline-block;
	vertical-align:middle;
}

p.Typeface_01{
	color:#CCC;
	font-size:20px;
	font-family: "华文新魏", "华文隶书", "微软雅黑", "宋体", "黑体";
	line-height:50px;
}

p.Typeface_02{
	color:#444;
	font-size:30px;
	font-family: "华文新魏", "华文隶书", "微软雅黑", "宋体", "黑体";
	line-height:100px;
}

p.Typeface_03{
	color:#222;
	font-size:16px;
	font-family: "华文新魏", "华文隶书", "微软雅黑", "宋体", "黑体";
	line-height:35px;
}

#Topmargin{
	width:100%;
	height:60px;
	position:fixed;
	left:0px;
	top:0px;
	background-color:#333;
	text-align:center;
	z-index:1111;
}
.Topmargin_00{
	width:100%;
	height:60px;
	text-align:center;
	margin:0 auto;
}

#Navigation{
	width:100%;
	height:100px;
	text-align:center;
	margin:0 auto;
	background-color:#FFF;
	background-image:url(../images/homepage/NavigationBackground_01.jpg);
}



/********************************************************************************************/

#DDD{
	width:100%;
	height: 400;
	background-color: #999;


}



#DynamicGraph_01{
	width:1200px;
	height:400px;
	padding:20px 0px;
	text-align:center;
	margin:0 auto;
	overflow: hidden;
	position: relative;
	z-index: 2;

}


#DynamicGraph_01:hover .arrow{

	display: block;

}

#DynamicGraph{
	width:9600px;
	height:400px;
	text-align:center;
	background-color:#b7cbcb;
	position: absolute;
	z-index: 1;
}

#ynamicGraph img{float: left;}



.DynamicGraph_02{
	width:50px;
	height:450px;
	padding:175px 25px;
	text-align:center;
	float:left;
}
.DynamicGraph_02 img{
	width:50px;
	height:50px;
	opacity:0.4;
}
.DynamicGraph_03{
	width:1200px;
	height:400px;
	text-align:center;
	float:left;
}

.DynamicGraph_03 img{
	width:1200px;
	height:400px;
}

 #buttons { position: absolute; height: 10px; width: 150px; z-index: 2; bottom: 65px; left: 500px;}
 
 #buttons span { cursor: pointer; float: left; border: 1px solid #fff; width: 10px; height: 10px; border-radius: 50%; background: #333; margin-right:15px;}
 
 #buttons .on {  background: orangered;}

.arrow { 
	cursor: pointer;
 	display: none;
 	line-height: 80px; 
 	text-align: center;
 	font-size: 50px; 
 	font-weight: bold; 
 	width: 60px; 
 	height: 80px;  
 	position: absolute; 
 	z-index: 2; 
 	top: 180px; 
 	background-color: RGBA(0,0,0,.3); 
 	color: #fff;
 }

  #prev { left: 10px;}

  #next { right: 10px;}

.arrow:hover{

	background-color: RGBA(0,0,0,.7);

}





/***********************************************************************************/
#MainBody{
	width:100%;
	height:2100px;
	margin:0 auto;
	text-align:center;
	background-position: center;
    background-repeat: no-repeat;
	background-image:url(../images/homepage/Background_01.jpg);
}
.MainBody_00{
	width:100%;
	height:50px;
	margin:0 auto;
}
.MainBody_0{
	width:100%;
	height:25px;
	margin:0 auto;
}
.MainBody_01{
	width:1120px;
	height:470px;
	padding:40px;
	margin:0 auto;
	background-image:url(../images/homepage/Frame_01.png);
}
.MainBody_01:hover{
	background-image:url(../images/homepage/Frame_01_hover.png);
}
.MainBody_01_1{
	width:1120px;
	height:100px;
	margin:0 auto;
	text-align:left;
}
.MainBody_01_1_logo{
	width:250px;
	height:100px;
	float:left;
}
.MainBody_01_1_logo img{
	opacity:0.8;
}
.MainBody_01_1_logo img:hover{
	opacity:1;
}
.MainBody_01_1_more{
	width:850px;
	height:100px;
	float:left;
	text-align:right;
}
.MainBody_01_2{
	width:300px;
	height:300px;
	padding:35px 40px;
	float:left;
}
@-webkit-keyframes  shineWhite {  
  from { -webkit-box-shadow: 0 0 15px #666; }  
  50% { -webkit-box-shadow: 0 0 20px #333; }  
  to { -webkit-box-shadow: 0 0 15px #666; }  
} 
.MainBody_01_2 img{
	width:300px;
	height:300px;
	-moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius:10px;
}
.MainBody_01_2 img:hover{
  -webkit-animation-name: shineWhite;   
  -webkit-animation-duration: 3s;  
  -webkit-animation-iteration-count: infinite;
  opacity:0.9;    
}
.MainBody_01_3{
	width:740px;
	height:370px;
	float:left;
}
.MainBody_01_3_1{
	width:165px;
	height:165px;
	padding:10px;
	float:left;
}

/******************************************************************/
.text1{
	background-color: #2F0000;
}

.text1 figcaption p {

	transform:translate(-120px,0px);
	
}
.text1 figcaption p:nth-of-type(1){

	transition-delay:0.05s;
}
.text1 figcaption p:nth-of-type(2){

	transition-delay:0.15s;
}
.text1 figcaption p:nth-of-type(3){

	transition-delay:0.25s;
}


.text1 figcaption{

	position:absolute;
	top:0;
	left: 0;
	color: #fff;
	font-family:"微软雅黑";
	padding: 10px;

}

.text1{
	position: relative;
	width:165px;
	height:165px;
	overflow: hidden; 
	float: left;

}

.text3{
	position: relative;
	background-color: #2F0000;
	width:165px;
	height:165px;
	overflow: hidden; 
	float: left;

}

.text1 img,p,h2{
	opacity: 0.8;
	transition:all 0.3s;

}

.text1 h2{

	transform:translate(0px,-50px);

}



.text1:hover h2{

	transform:translate(0px,0px);

}


.text1:hover p{

	transform:translate(0px,0px);

}
.text1:hover img{

	transform:translate(0px,0px);
	opacity: 0.5;

}

.text3 figcaption{

	position:absolute;
	top:0;
	left: 0;
	padding-top:10px; 
	color: #fff;
	font-family:"微软雅黑";
	
}

.text3 img,p,h2{
	opacity: 0.8;
	transition:all 0.5s;

}


.text3:hover img{

	transform:scale(1.1,1.1);
	opacity: 0.5;

}

.text3 figcaption h2{

	transform:skew(90deg);


}
.text3:hover figcaption h2{

	transform:skew(0deg);

}

.text3 figcaption p{

	transform:skew(90deg);


}
.text3:hover figcaption p{

	transform:skew(0deg);

}


.MainBody_01_3_1 figure{
	width:165px;
	height:165px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:5px;
}




/*******************************************************************/
@-webkit-keyframes  shineWhite2 {  
  from { -webkit-box-shadow: 0 0 10px #666; }  
  50% { -webkit-box-shadow: 0 0 15px #333; }  
  to { -webkit-box-shadow: 0 0 10px #666; }  
} 
.MainBody_01_3_1 img{
	width:165px;
	height:165px;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:5px;
}
/*
.MainBody_01_3_1 img:hover{
  -webkit-animation-name: shineWhite2;   
  -webkit-animation-duration: 3s;  
  -webkit-animation-iteration-count: infinite;
  opacity:0.9;    
}
*/
.MainBody_02{
	width:1120px;
	height:320px;
	padding:40px;
	margin:0 auto;
	background-image:url(../images/homepage/Frame_02.png);
}
.MainBody_02:hover{
	background-image:url(../images/homepage/Frame_02_hover.png);
}
.MainBody_02_1{
	width:260px;
	height:45px;
	padding:5px 10px;
	float:left;
}
.MainBody_02_1_in{
	width:260px;
	height:45px;
	text-align:center;
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:5px;
	background-color:rgba(51,51,51,0.2);
}
.MainBody_02_1_in:hover{
  -webkit-animation-name: shineWhite2;   
  -webkit-animation-duration: 3s;  
  -webkit-animation-iteration-count: infinite;
  background-color:rgba(51,51,51,0.1);
  opacity:0.9;
}
.MainBody_02_1_left{
	width:150px;
	height:35px;
	padding:5px;
	float:left;
}
.MainBody_02_1_right{
	width:90px;
	height:35px;
	padding:5px;
	float:left;
}

#Footer{
	width:100%;
	height:100px;
	margin:0 auto;
	background-color:#333;
}